$(function () {
	$('.add input[type="checkbox"]').each(function (i) {
   			if (i !== 0) {
   				$(this).attr('style', 'margin-left: 10px;');
   			}
    });
	var roled = $('.list section');
	roled.each(function (i) {
		if ( (i + 1) % 3 == 0 ) {
			$(this).after('<div style="clear:both;"></div>');
		}
	});
   		

})
//点击修改时，为相关的input框填充数据
$('.updateUrl').click(function () {
	var that = $(this);
	var id = $(this).attr('data-user-list');
	$.ajax({		
		type: 'get',
		url: 'Users/'+id+'/edit',
		dataType: 'json',
		success: function (data) {
			if (data) {
				$('.update input[name="name"]').val(data.name);
				$('.update input[name="name"]').prop('data-name', data.name);
				$('.update input[name="email"]').val(data.email);
				$('.update input[name="email"]').prop('data-email', data.email);

				$url = 'Users/' + id;
				$('.update').attr('action', $url);

				var role = [];

				$(data.roles).each(function (i) {
				   role[i] = this.id.toString();
				});
				$('.update input[name="roles[]"]').each(function () {
				   if (jQuery.inArray($(this).val(), role) != -1) {
				      $(this).prop('checked', true);
				   }else{
				      $(this).removeAttr('checked');
				   }
				});
			}
		}
	});
});
//删除前的提示
$('.del').submit(function () {
	return confirm('确定要删除吗？');
});

//添加时判断用户名是否存在
$('.add input[name="name"]').blur(function () {
	if ($(this).val()) {
		isExists('get', $(this), 'Users/'+$(this).val(), 'name', '用户名已存在');
	} else {
		$(this).prev('span').remove();
		$(this).before('<span style="color: red; font-size: 12px; text-indent: 10px;">请输入用户名</>');
	}
});
//添加时判断邮箱是否被注册
$('.add input[name="email"]').blur(function () {
	if ($(this).val()) {
		isExists('get', $(this), 'Users/'+$(this).val(), 'email', '邮箱已被注册');
	} else {
		$(this).prev('span').remove();
		$(this).before('<span style="color: red; font-size: 12px; text-indent: 10px;">请输入邮箱</>');
	}
});
//判断密码框是否为空
$('.add input[name="password"]').blur(function () {
	if (!$(this).val()) {
		$(this).prev('span').remove();
		$(this).before('<span style="color: red; font-size: 12px; text-indent: 10px;">请输入密码</>');
	} else {
		$(this).prev('span').remove();
	}
});
//判断确认密码
$('.add input[name="repassword"]').blur(function () {
	if (!$(this).val()) {
		$(this).prev('span').remove();
		$(this).before('<span style="color: red; font-size: 12px; text-indent: 10px;">请确认密码</>');
	} else {
		$(this).prev('span').remove();
		//确认密码框有数据，再次判断两次密码是否一致
		if ($(this).val() != $('.add input[name="password"]').val()) {
			$('.add input[name="repassword"]').prev('span').remove();
			$('.add input[name="repassword"]').before('<span style="color: red; font-size: 12px; text-indent: 10px;">两次密码不一致</>');
		}
	}
});
//添加提交时
$('.add').submit(function () {

	//添加时判断用户名是否存在
	if (!$('.add input[name="name"]').val()) {
		$('.add input[name="name"]').prev('span').remove();
		$('.add input[name="name"]').before('<span style="color: red; font-size: 12px; text-indent: 10px;">用户名不能为空</>');
		return false;
	}
	//如果name输入框还有提示存在，则返回false
	if ($('.add input[name="name"]').prev('span').length != 0) {
		return false;
	}

	//添加时判断邮箱是否被注册
	if (!$('.add input[name="email"]').val()) {
		$('.add input[name="email"]').prev('span').remove();
		$('.add input[name="email"]').before('<span style="color: red; font-size: 12px; text-indent: 10px;">邮箱不能为空</>');
		return false;
	}
	//如果邮箱输入框还存在提示，则返回false
	if ($('.add input[name="email"]').prev('span').length != 0) {
		return false;
	}

	//判断密码框是否为空
	if (!$('.add input[name="password"]').val()) {
		$('.add input[name="password"]').prev('span').remove();
		$('.add input[name="password"]').before('<span style="color: red; font-size: 12px; text-indent: 10px;">请输入密码</>');
		return false;
	}
	//如果密码输入框还存在提示，则返回false
	if ($('.add input[name="password"]').prev('span').length != 0) {
		return false;
	}
	//判断确认密码
	if (!$('.add input[name="repassword"]').val()) {
		$('.add input[name="repassword"]').prev('span').remove();
		$(this).before('<span style="color: red; font-size: 12px; text-indent: 10px;">请确认密码</>');
		return false;
	}
	//如果密码输入框还存在提示，则返回false
	if ($('.add input[name="repassword"]').prev('span').length !=0) {
		return false;
	}

	//判断两次密码是否一致
	if ($('.add input[name="repassword"]').val() != $('.add input[name="password"]').val()) {
		alert(2156);
		$('.add input[name="repassword"]').prev('span').remove();
		$('.add input[name="repassword"]').before('<span style="color: red; font-size: 12px; text-indent: 10px;">两次密码不一致</>');
		return false;
	}

});


//修改的表单

//添加时判断用户名是否存在
$('.update input[name="name"]').blur(function () {
	if ($(this).val() != $(this).prop('data-name')) {
		if ($(this).val()) {
			isExists('get', $(this), 'Users/'+$(this).val(), 'name', '用户名已存在');
		} else {
			$(this).prev('span').remove();
			$(this).before('<span style="color: red; font-size: 12px; text-indent: 10px;">请输入用户名</>');
		}
	}
});
//添加时判断邮箱是否被注册
$('.update input[name="email"]').blur(function () {
	if ($(this).val() != $(this).prop('data-email')) {
		if ($(this).val()) {
			isExists('get', $(this), 'Users/'+$(this).val(), 'email', '邮箱已被注册');
		} else {
			$(this).prev('span').remove();
			$(this).before('<span style="color: red; font-size: 12px; text-indent: 10px;">请输入邮箱</>');
		}	
	}
});
//当密码框失去焦点
$('.update input[name="password"]').blur(function () {
	//有内容时给确认密码框一个提示
	if($(this).val()){
		$('.update input[name="repassword"]').prev('span').remove();
		$('.update input[name="repassword"]').before('<span style="color: red; font-size: 12px; text-indent: 10px;">请确认密码</>');
	}
});
//确认密码框失去焦点并有值时，判断两次密码是否一致
$('.update input[name="repassword"]').blur(function () {
	if ($(this).val()) {
		$('.update input[name="repassword"]').prev('span').remove();
		if ($(this).val() != $('.update input[name="password"]').val()){
			$('.update input[name="repassword"]').before('<span style="color: red; font-size: 12px; text-indent: 10px;">两次密码不一致</>');
		}
	}
});
$('.update').submit(function () {

	//添加时判断用户名是否存在
	if (!$('.update input[name="name"]').val()) {
		$('.update input[name="name"]').prev('span').remove();
		$('.update input[name="name"]').before('<span style="color: red; font-size: 12px; text-indent: 10px;">用户名不能为空</>');
		return false;
	}
	//如果name输入框还有提示存在，则返回false
	if ($('.update input[name="name"]').prev('span').length != 0) {
		return false;
	}

	//添加时判断邮箱是否被注册
	if (!$('.update input[name="email"]').val()) {
		$('.update input[name="email"]').prev('span').remove();
		$('.update input[name="email"]').before('<span style="color: red; font-size: 12px; text-indent: 10px;">邮箱不能为空</>');
		return false;
	}
	//如果邮箱输入框还存在提示，则返回false
	if ($('.update input[name="email"]').prev('span').length != 0) {
		return false;
	}

	//如果密码框有数据填入，判断确认密码框
	if ($('.update input[name="password"]').val()) {
		//有则判断确认密码框是否为空
		if (!$('.update input[name="repassword"]').val()) {
			//为空则给出提示并返回false
			$('.update input[name="repassword"]').prev('span').remove();
			$('.update input[name="repassword"]').before('<span style="color: red; font-size: 12px; text-indent: 10px;">请确认密码</>');
			return false;
		} else {
			//否则再次判断两次密码是否一致，不一致给出提示并返回false
			if ($('.update input[name="password"]').val() != $('.update input[name="repassword"]').val()){
				$('.update input[name="repassword"]').prev('span').remove();
				$('.update input[name="repassword"]').before('<span style="color: red; font-size: 12px; text-indent: 10px;">两次密码不一致</>');
				return false;
			}
		}
	}

});